<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../assets/css/contact.css" />
    <link rel="stylesheet" href="../assets/css/reset-global.min.css" />
    <link rel="stylesheet" href="../common/animate.min.css" />
    <link rel="stylesheet" href="../common/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="../common/swiper/swiper-bundle.min.css" />
    <title>首页</title>
</head>

<body>
    <div class="box">
        <div class="head">
            <div class="heads">
                <div class="head_top flex">
                    <div class="tou_zuo1">
                        <img src="../assets/img/a3.png" alt="">
                        <img src="../assets/img/a4.png" alt="">
                        <img src="../assets/img/a5.png" alt="">
                        <img src="../assets/img/a6.png" alt="">
                        <img src="../assets/img/a7.png" alt="">
                    </div>
                    <div class="tou_you1 flex">
                        <div class="mail">
                            <img src="../assets/img/a1.png" alt=""> ContacUst@Gmail.com
                        </div>
                        <div class="mail">
                            <img src="../assets/img/a2.png" alt=""> 80 888887
                        </div>
                    </div>
                </div>
            </div>
            <div class="heads1">
                <div class="head_bottom flex">
                    <div class="bott_zuo"><img src="../assets/img/a.png" alt=""></div>
                    <div class="bott_you">
                        <ul class="flex list">
                            <li><a href="index.html">HOME</a></li>
                            <li><a href="blog.html">BLOG</a></li>
                            <li><a href="about.html">ABOUT US</a></li>
                            <li><a href="contact.html">CONTACT</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 头结束 -->
        <!-- banner部分 -->
        <div class="banner">
            <div class="banner_main">
                <div class="banner_one">
                    <p class="see">SEE THE WORD DIFFERENTLY</p>
                    <P>Request,design and book travel experiences as unique as you are</P>
                </div>
                <div class="banner_two">
                    <input type="text" id="in1" placeholder="Where are you going?">
                    <button><img src="../assets/img/c8.png" alt=""> Search</button>
                </div>
                <div class="banner_three">
                    <ul class="flex">
                        <li>TOP DESTINATION:</li>
                        <li>PARIS</li>
                        <li>NEW YORK</li>
                        <li>LONDON</li>
                        <li>ROME</li>
                        <li>SAN FRANGISCO</li>
                        <li>MORE...</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 主体部分 -->
        <div class="main">
            <div class="mains flex">
                <div class=" main_shu">
                    <div class="main_left">
                        <h1>Contact</h1>
                        <div class="flex1">
                            Enter your name:
                            <input type="text" id="input1">
                        </div>
                        <div class="flex1">
                            Enter your emali:
                            <input type="text" id="input1" value="">
                        </div>
                        <div class="flex1">
                            Your message here:
                            <textarea name="" id="" cols="30" rows="10"></textarea>
                        </div>
                        <div class="but"><button>submit</button></div>

                    </div>
                </div>

                <div class="main_right flex1">
                    <div class="mains_r">
                        <div class="img1">
                            ABOUT US
                        </div>
                        <div class="tags">
                            <h2>Tags</h2>
                            <div class="xian flex">
                                <div class="xian1">&nbsp;</div>
                                <div class="xian2"> &nbsp;</div>
                            </div>
                            <p>animals , cooking，countries , home , likes , photo , travel , video
                            </p>
                        </div>
                        <div class="news">
                            <h2>TRENDING NEWS</h2>
                            <div class="xian flex">
                                <div class="xian1">&nbsp;</div>
                                <div class="xian2"> &nbsp;</div>
                            </div>
                            <div class="new_img flex">
                                <div><img src="../assets/img/c6.png" alt=""></div>
                                <p>An Cozy Coffee Shop In The Centre Of The City</p>
                            </div>
                            <div class="new_img flex">
                                <div><img src="../assets/img/c6.png" alt=""></div>
                                <p>An Cozy Coffee Shop In The Centre Of The City</p>
                            </div>
                            <div class="new_img flex">
                                <div><img src="../assets/img/c6.png" alt=""></div>
                                <p>An Cozy Coffee Shop In The Centre Of The City</p>
                            </div>
                            <div class="new_img flex">
                                <div><img src="../assets/img/c6.png" alt=""></div>
                                <p>An Cozy Coffee Shop In The Centre Of The City</p>
                            </div>
                        </div>
                        <div class="archives">
                            <h2>Archives</h2>
                            <div class="xian flex">
                                <div class="xian1">&nbsp;</div>
                                <div class="xian2"> &nbsp;</div>
                            </div>
                            <select name="sele" id="selec">
                                <option value="">Select Month</option>
                                <option value="">Select Month1</option>
                                <option value="">Select Month2</option>
                            </select>
                        </div>
                        <div class="gallery">
                            <h2>Gallery</h2>
                            <div class="xian flex">
                                <div class="xian1">&nbsp;</div>
                                <div class="xian2"> &nbsp;</div>
                            </div>
                            <div class="nine">
                                <div class="flex sudoku">
                                    <div><img src="../assets/img/c2 .png" alt="" height="70px"></div>
                                    <div><img src="../assets/img/c4.png" alt="" height="70px"></div>
                                    <div><img src="../assets/img/c5.png" alt="" height="70px"></div>
                                </div>
                                <div class="flex sudoku">
                                    <div><img src="../assets/img/c2 .png" alt="" height="70px"></div>
                                    <div><img src="../assets/img/c4.png" alt="" height="70px"></div>
                                    <div><img src="../assets/img/c5.png" alt="" height="70px"></div>
                                </div>
                                <div class="flex sudoku">
                                    <div><img src="../assets/img/c2 .png" alt="" height="70px"></div>
                                    <div><img src="../assets/img/c4.png" alt="" height="70px"></div>
                                    <div><img src="../assets/img/c5.png" alt="" height="70px"></div>
                                </div>
                            </div>
                        </div>
                        <div class="mate">
                            <h2>Mate</h2>
                            <div class="xian flex">
                                <div class="xian1">&nbsp;</div>
                                <div class="xian2"> &nbsp;</div>
                            </div>
                            <div>
                                <p>> May 2015</p>
                                <p>> May 2015</p>
                                <p>> May 2015</p>
                                <p>> May 2015</p>
                            </div>
                        </div>



                    </div>

                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="foot">
            <!-- 100 -->
            <div class="foot_top">
                <!-- 80 -->
                <div class="ftop_main flex">
                    <div class="ftm_box1">
                        <div class="logo_zi">z<span class="span1">Vossen</span>
                            <p>Travel and Tours</p>
                        </div>
                        <div class="p9">
                            <p>Nam libero tempore,cum soluta nobis est eligendi optio cumque quod maxime placeat cum soluta nobis facere possimus nihil impedit quo minus id quod maxime placeat facere possimus.est eligendi optio cumque </p>
                            <p>facere possimus nihil impedit quo minusid quod maxime placeat facere possimus.</p>
                        </div>

                    </div>
                    <div class="ftm_box2">
                        <h2>News Letter</h2>
                        <div class="xian flex">
                            <div class="xian1">&nbsp;</div>
                            <div class="xian2"> &nbsp;</div>
                        </div>
                        <p class="p10">facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. est eligendi</p>
                        <input type="text" id="inp2" placeholder="Enter your email address...">
                        <button class="but2">SUBCRIBE NOW</button>
                    </div>
                    <div class="ftm_box3">
                        <h2>News Letter</h2>
                        <div class="xian flex">
                            <div class="xian1">&nbsp;</div>
                            <div class="xian2"> &nbsp;</div>
                        </div>
                        <div class="four_img flex">
                            <div class="img2"><img src="../assets/img/c6.png" alt=""></div>
                            <div class="img2"><img src="../assets/img/c2 .png" alt=""></div>
                            <div class="img2"><img src="../assets/img/c6.png" alt=""></div>
                            <div class="img2"><img src="../assets/img/c2 .png" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="foot_bot">
                <div class="fbot_main">
                    Copyright 2015.Company name All rights reserved.
                </div>
            </div>
        </div>




    </div>
</body>
<script defer src="../assets/js/index.js"></script>
<script defer src="../common/bootstrap/bootstrap.bundle.min.js"></script>
<script defer src="../common/wow.min.js"></script>

</html>